<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
    <Button @click="showModal">sdsdsdsd</Button>
    <Modal v-model:visible="visible" title='testtest' @ok="ok">
      <h1>eererefefef</h1>
    </Modal>
  </div>
</template>

<script lang="ts">
import { defineComponent,ref } from 'vue'
import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src
import {Button,Modal} from 'ant-design-vue';

export default defineComponent({
  name: 'Home',
  components: {
    HelloWorld,
    Button,
    Modal
  },
  setup(){
    const visible = ref<boolean>(false);
    return {
      showModal(){
        visible.value = true;
      },
      visible,
      ok(){
        visible.value = false;
      }
    };
  }
})
</script>
